<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script type="module">
    // 1- 基本使用
    // import {a,b} from "./mo/mo1.js";
	// console.log(a,b)
    // // 不允许直接使用模块中声明的变量
	// console.log(c);// ReferenceError: c is not defined

    // 2-
    // import {a,b,c} from "./mo/mo2.js";
    //
	// console.log(a,b,c);// 1 2 3

    // 3
    // import suibian from "./mo/mo3.js";
	// suibian();

    // 4
    // import suibian,{username,age} from "./mo/mo4.js";
	// console.log(username,age);
	// console.log(suibian)

    // 5
    // import {c,b,a} from "./mo/mo5.js";
    //
	// console.log(a,b,c);// 1 2 3

    // 6
    // import {username,setUsername} from "./mo/mo6.js";
    // setUsername("lisi");
	// console.log(username)

    // 7
    // // 可以通过as来更换名字
    // import {username} from "./mo/mo7.js";
	// import {username as myname} from "./mo/mo6.js";
    //
	// console.log(username,myname)

    // 8
    // import * as suibian from "./mo/mo8.js";
    //
	// console.log(suibian.a,suibian.b,suibian.c,suibian.d)

    // 9
    // let username = "zhaoliu"
    // import suibian,{myname,age} from "./mo/mo9.js";
    //
	// console.log(username,myname,age,suibian)

    // 10
    import {a,setA} from "./mo/mo10.js"
    import {a as aa} from "./mo/mo10.js";
    setA(100)
	console.log(aa,a);
</script>
</html>